<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <th:block th:replace="include/css"/>
    <link rel="stylesheet" type="text/css" href="/static/webuploader/webuploader.css">
    <link rel="stylesheet" href="/static/css/shuoshuo.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/userhome.css">
    <style type="text/css">
        .comment-form textarea {
            width: 320px;
        }
    </style>
    <th:block th:replace="include/top"/>
    <title>个人主页</title>
</head>
<body>
<th:block th:replace="include/header:: header"/>
<div class="main">
    <div class="user-center-bg"
         th:style="'background-color:#42332E;background-image: url(/static/images/'+${user.userBg}+')'">
        <div class="user-home-icon"><img id="headicon" class="img-circle" th:src="'/static/images/'+${user.userIcon}">
        </div>
        <div class="user-characters" th:text="${#strings.defaultString(user.characters,'这个人很懒，什么也没留下。')}"></div>
    </div>

    <div class="left">
        <th:block th:replace="include/left"/>
    </div>
    <div class="right">
        <div class="user-home-tag">
            <ul class="tag" id="tag">
                <li type="shuoshuo" index="0" class="active"><a href="javascript:void(0)">吐槽</a></li>
                <li type="topic" index="1"><a href="javascript:void(0)">讨论</a></li>
                <li type="ask" index="2"><a href="javascript:void(0)">问答</a></li>
                <li type="knowledge" index="3"><a href="javascript:void(0)">知识库</a></li>
                <li type="blog" index="4"><a th:href="'/blog/'+${user.userId}">博客</a></li>
                <li type="fans" index="5"><a href="javascript:void(0)">Ta的粉丝</a></li>
                <li type="focus" index="6"><a href="javascript:void(0)">Ta关注的人</a></li>
            </ul>
        </div>
        <!-- 说说 -->
        <div class="tag-content">
        </div>
        <!-- 讨论 -->
        <div class="tag-content">
            <div id="topic-pager-top"></div>
            <div id="topic-content"></div>
            <div id="topic-page" class="page"></div>
        </div>
        <!-- 问答 -->
        <div class="tag-content">
            <div id="ask-pager-top"></div>
            <div id="ask-content"></div>
            <div id="ask-pager-footer"></div>
        </div>
        <!-- 知识库 -->
        <div class="tag-content">
            <div id="knowledge-pager-top"></div>
            <div id="knowledge-content"></div>
            <div id="knowledge-pager-footer"></div>
        </div>
        <div class="tag-content"></div>
        <!-- Ta的粉丝 -->
        <div class="tag-content">
            <div class="user-con-s-f">
                <ul id="fans-content">

                </ul>
            </div>
        </div>
        <!-- Ta关注的人 -->
        <div class="tag-content">
            <div class="user-con-s-f">
                <ul id="focus-content">

                </ul>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<th:block th:replace="include/footer:: footer"/>
<script type="text/javascript" src="/static/webuploader/webuploader.min.js"></script>
<script th:inline="javascript">
    fzqblog.center = {
        userId: [[${user.userId}]]
    };
</script>
<script type="text/javascript" src="/static/js/shuoshuo.js"></script>
<script type="text/javascript" charset="utf-8" src="/static/laypage/laypage.js"></script>
<script type="text/javascript" src="/static/js/userhome.js"></script>

</body>
</html>